// 按钮小手效果和不可用效果
.button() {
  cursor: pointer;

  &.disabled {
    cursor: not-allowed;
  }
}

// 鼠标悬停效果
.hover(@color, @hover-color: rgb(255, 255, 255)) {
  color: @color;

  &:hover {
    color: @hover-color;
  }
}

// 左侧固定，右侧自适应的布局方式
.left-auto-row(@width-left: 95px) {
  display: block;
  position: relative;
  margin: 10px auto;

  & .left {
    float: left;
    vertical-align: top;
    font-weight: bold;
    padding-top: 5px;
    width: @width-left;

    &:after {
      content: '';
      clear: both;
    }
  }

  & .main {
    display: block;
    margin-left: @width-left;
  }
}
